import { useState, useEffect } from 'react'
import JudgeAnalysis from '../../common/JudgeAnalysis';
import { Descriptions } from 'antd';
export default function Detail(props) {
    const { item } = props;

    return <div className='fill  layout-v'>
        <Descriptions bordered size={'middle'} column={1} style={{
            marginBottom: 24
        }}>
            <Descriptions.Item label="地点" >{item.ckdd}</Descriptions.Item>
            <Descriptions.Item label="时间" >{item.fzsj}</Descriptions.Item>
            <Descriptions.Item label="经度" >{item.jd}</Descriptions.Item>
            <Descriptions.Item label="纬度" >{item.wd}</Descriptions.Item>
            <Descriptions.Item label="深度" >{item.sd}</Descriptions.Item>
            <Descriptions.Item label="震级" >{item.zj}</Descriptions.Item>
        </Descriptions>
        <JudgeAnalysis item={item} />
    </div>;
}